.header{
  margin-top: -.1rem;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: .2rem;
}
.username{
  margin-top: -.1rem;
  padding: .2rem;
  font-size: .4rem;
  font-weight: bold;
}
.count{
  padding: .2rem;
  display: flex;
  margin-left: -.2rem;
}
.num{
  font-size: .35rem;
  font-weight: bold;
  margin-left: .2rem;
}
.listItem{
  padding: .2rem;
  margin: .2rem 0;
}
.avatar{
  display: flex;
  align-items: center;
}
.tab{
  margin-top: -.4rem;
}
.userInfo{
  margin-left: .2rem;
}
.img{
  width: 5rem;
}
.text{
  margin: 0 0 .2rem;
}
.footer{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: .2rem 0;
}
.footicon{
  font-size: .4rem;
  margin-left: .2rem;
}
.imgContain{
  display: grid;
  grid-template-columns: repeat(auto-fill, 33%);
  /* grid-template-rows: repeat(auto-fill, 4rem) */
}
.pic{
  height: 3rem;
  width: 100%;
}